<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet" />
<script src="assets/js/select2/select2.js"></script>
<div class="row">
	<!-- ӳ���б� -->
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="leftTree">
		<div class="widget flat radius-bordered">
			<div class="widget-header bg-sky theme">
				<span class="widget-caption">�����б�</span>
			</div>
			<div class="widget flat searchCriteria">
                <div class="widget-header bordered-bottom bordered-sky theme-bordered">
                    <span class="widget-caption">ɸѡ��</span>
                    <div class="widget-buttons">
                   		<!-- ҵ��ť begin -->
                   		<label class="businessBtns">
	                   		<button class="btn btn-info shiny search"><i class="fa fa-search"></i>����</button>
							<button class="btn btn-success shiny add" serializeNum="${serializeNum}" editUrl="${editUrl}"><i class="fa fa-plus"></i>����</button>
							<button class="btn btn-magenta shiny update" serializeNum="${serializeNum}" editUrl="${editUrl}"><i class="fa fa-pencil"></i>�޸�</button>
							<button class="btn btn-danger shiny batchDelete" serializeNum="${serializeNum}" batchDeleteUrl="${batchDeleteUrl}"><i class="fa fa-pencil"></i>ɾ��</button>
							<button class="btn btn-palegreen shiny download"><i class="fa fa-download"></i>����</button>
                   		</label>
                   		<!-- ҵ��ť end -->
                   		<!-- �����ư�ť begin -->
                        <a href="#" data-toggle="collapse"><i class="fa red fa-minus"></i></a>
                        <a href="#" data-toggle="config"><i class="fa red fa-cog"></i></a>
                   		<!-- �����ư�ť end -->
                    </div><!--Widget Buttons-->
                </div><!--Widget Header-->
                <div class="widget-body" style="display: block;">
                    <div class="search_Bar">
						<form id="${searchFormId}" action="${actionUrl}" method="POST">
							<table class="searchAreaTable">
								<tbody>
									<tr>
										<!-- ��������,������������һ��,ϵͳ�Զ�����ÿһ��չʾ���������Ը��� -->
										<th><label>�༶id</label></th>
										<td><input type="text" name="classId" value="${search_map.classId[0]}"></td>
										<th><label>����ʱ��</label></th>
										<td>
											<div class="beginValueDiv">
												<input id="d4311" type="text" name="createTime_begin" class="beginValue Wdate" value="${search_map.createTime_begin[0]}"
												onFocus="WdatePicker({doubleCalendar:true,maxDate:'#F{$dp.$D(\'d4312\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="��ʼʱ��" >
											</div>
											<div class="endValueDiv">
												<input id="d4312"  type="text" name="createTime_end" class="endValue Wdate"  value="${search_map.createTime_begin[0]}"
												onFocus="WdatePicker({doubleCalendar:true,minDate:'#F{$dp.$D(\'d4311\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="����ʱ��" >
											</div>
										</td>
										<th><label>����״̬ 1δ���� 2���ֿ��� 3�ѿ���</label></th>
										<td><input type="text" name="attendanceStatus" value="${search_map.attendanceStatus[0]}"></td>
									</tr>
								</tbody>
							</table>
						</form>
					</div>
               </div><!--Widget Body-->
            </div><!--Widget-->
			<div class="widget-body no-padding">
				<div class="topPagingBar">
					${pagingBar}
				</div>
				<div class="table-scrollable">
					<!-- ���ݱ�����Ϣ�б� -->
					<table class="table table-bordered dataTable">
						<thead>
							<tr>
								<th title="ѡ��" class="checkboxColumnTh fixedColumn " fixed-align="left">
									<div class="checkbox">
	                                    <label>
	                                        <input type="checkbox" class="chkAll">
	                                        <span class="text"></span>
	                                    </label>
	                                </div>
								</th>
								<th title="������">���</th>
								<th title=""></th>
								<th title="�༶id">�༶id</th>
								<th title="����ʱ��">����ʱ��</th>
								<th title="����״̬ 1δ���� 2���ֿ��� 3�ѿ���">����״̬ 1δ���� 2���ֿ��� 3�ѿ���</th>
								<th class="fixedColumn" style="width: 100px">����</th>
							</tr>
						</thead>
						<tbody>
							<#if page_bean.list?size==0>
								<tr>
									<td align="center">������</td>
								</tr>
							</#if>
							<#list page_bean.list as data>
								<tr>
									<td class="checkboxColumnTd">
										<div class="checkbox">
		                                    <label>
		                                        <input type="checkbox" class="chk"  name="id" value="${data.id}">
		                                        <span class="text"></span>
		                                    </label>
		                                </div>
									</td>
									<td>${data_index+1+(page_bean.pageNo-1)*page_bean.pageSize}</td>
									<td>${(data.id???string(data.id?html,"δ����"))!'δ����'}</td>
									<td>${(data.classId???string(data.classId?html,"δ����"))!'δ����'}</td>
									<td>${(data.createTime???string(data.createTime?html,"δ����"))!'δ����'}</td>
									<td>${(data.attendanceStatus???string(data.attendanceStatus?html,"δ����"))!'δ����'}</td>
									<td align="center">	
									<a class="btn btn-default btn-xs icon-only green update" href="javascript:void(0);"  serializeNum="${serializeNum}" editUrl="${editUrl}" targetDataId="${data.id}"><i class="fa  fa-edit"></i></a>
									<a class="btn btn-default btn-xs icon-only red delete" href="javascript:void(0);"   serializeNum="${serializeNum}" deleteUrl="${deleteUrl}" targetDataId="${data.id}"><i class="fa fa-trash-o"></i></a>
									</td>
								</tr>
							</#list>
						</tbody>
					</table>
				</div>
				 ${pagingBar}
			</div>
		</div>
	</div>
</div>
<script>
$(".selectpicker").select2();
</script>